<template>
  <el-card class="params-data-auth">
    <tag-content-header>
      <template #title>
        <span class="title-text">数据权限</span>
      </template>
    </tag-content-header>
    <data-auth-row ref="dataAuthRow"></data-auth-row>
    <data-auth-col ref="dataAuthCol"></data-auth-col>
    <data-auth-encrypt ref="dataAuthEncrypt"></data-auth-encrypt>
  </el-card>
</template>

<script>
import dataAuthRow from './data-auth-row-item'
import dataAuthCol from './data-auth-col-item'
import dataAuthEncrypt from './data-auth-encrypt'
export default {
  components: {
    dataAuthRow,
    dataAuthCol,
    dataAuthEncrypt
  },
  data() {
    return {}
  },
  methods: {
    getParams() {
      this.$refs.dataAuthRow.getParams()
      this.$refs.dataAuthCol.getParams()
      this.$refs.dataAuthEncrypt.getParams()
    }
  }
}
</script>

<style lang="scss">
.params-data-auth {
  .el-button--primary {
    background-color: #4d81ea;
    border-color: #4d81ea;
  }
  .data-auth-btns {
    margin-top: 10px;
  }
  p {
    padding: 5px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid $border-color;
    font-weight: bold;
  }
  .el-input.is-disabled .el-input__inner {
    color: #666;
  }
}
</style>
